
// // service/refundorder/refundorder.js
// import http from "../../utils/http"
// import util from "../../utils/util"
// Page({

//   /**
//    * 页面的初始数据
//    */
//   data: {
     
//     imgData: ''
//   },
   
//   /**
//    * 生命周期函数--监听页面加载
//    */
//   onLoad(options) {
//     if(!wx.getStorageSync('token')) return
      
//     http.get('poster/getPoster', {'type':'shop'}).then(res => {
//       if(res.data){
//         this.setData({
//           imgData: res.data
//         })
//       }
      
//     }).finally(res => {
     
//     })
//   },
//   saveImage: function () {
//     let that = this
 
//     //获取文件管理器对象
//     const fs = wx.getFileSystemManager()
//     const Imgpath = wx.env.USER_DATA_PATH + '/专属二维码' + '.png'
//     let imageSrc = that.data.imgData.replace(/^data:image\/\w+;base64,/, '')
 
//     //写入本地文件
//     fs.writeFile({
//       filePath: Imgpath,
//       data: imageSrc,
//       encoding: 'base64',
//       success(res) {
 
//         //保存到手机相册
//         wx.saveImageToPhotosAlbum({
//           filePath: Imgpath,
//           success(res) {
//             console.log(res)
//             wx.showToast({
//               title: '保存成功',
//               icon: 'success'
//             })
//           },
//           fail: function (err) {
//             console.log("失败",err)
//           }
//         })
 
 
//       }
//     })
//   },
//   /**
//    * 生命周期函数--监听页面初次渲染完成
//    */
//   onReady() {

//   },

//   /**
//    * 生命周期函数--监听页面显示
//    */
//   onShow() {

//   },

//   /**
//    * 生命周期函数--监听页面隐藏
//    */
//   onHide() {

//   },

//   /**
//    * 生命周期函数--监听页面卸载
//    */
//   onUnload() {

//   },

//   /**
//    * 页面相关事件处理函数--监听用户下拉动作
//    */
//   onPullDownRefresh() {

//   },

//   /**
//    * 页面上拉触底事件的处理函数
//    */
//   onReachBottom() {

//   },

//   /**
//    * 用户点击右上角分享
//    */
//   onShareAppMessage() {

//   }
// })
// // Page({
// //   onReady() {
// //     const query = wx.createSelectorQuery()
// //     query.select('#myCanvas')
// //       .fields({ node: true, size: true })
// //       .exec((res) => {
// //         const canvas = res[0].node
// //         const ctx = canvas.getContext('2d')

// //         const dpr = wx.getSystemInfoSync().pixelRatio
// //         canvas.width = res[0].width * dpr
// //         canvas.height = res[0].height * dpr
// //         ctx.scale(dpr, dpr)
// //         // 图片对象
// //         const image = canvas.createImage()
// //         // 图片加载完成回调
// //         image.onload = () => {
// //           // 将图片绘制到 canvas 上
// //           ctx.drawImage(image, 0, 0)
// //         }
// //         image.src = 'https://open.weixin.qq.com/zh_CN/htmledition/res/assets/res-design-download/icon64_wx_logo.png'
// //         image.

// //         ctx.fillRect(0, 0, 200, 200)
// //       })
// //   }
// // })

// service/refundorder/refundorder.js
import http from "../../utils/http"
import util from "../../utils/util"
Page({

  /**
   * 页面的初始数据
   */
  data: {
    imgData: ''
  },

  saveImage: function () {
    var query = wx.createSelectorQuery().in(this);
    query.select('#myCanvas')
    .fields({ node: true, size: true })
    .exec((res) => {
      const canvas = res[0].node
      wx.canvasToTempFilePath({
        canvas: canvas, 
          success(res) {
               wx.saveImageToPhotosAlbum({
                filePath: res.tempFilePath,
                success(res) {
                 }
              })
          }
      })

    })
   
    // let that = this

    // //获取文件管理器对象
    // const fs = wx.getFileSystemManager()
    // const Imgpath = wx.env.USER_DATA_PATH + '/专属二维码' + '.png'
    // let imageSrc = that.data.imgData.replace(/^data:image\/\w+;base64,/, '')

    // //写入本地文件
    // fs.writeFile({
    //   filePath: Imgpath,
    //   data: imageSrc,
    //   encoding: 'base64',
    //   success(res) {

    //     //保存到手机相册
    //     wx.saveImageToPhotosAlbum({
    //       filePath: Imgpath,
    //       success(res) {
    //         console.log(res)
    //         wx.showToast({
    //           title: '保存成功',
    //           icon: 'success'
    //         })
    //       },
    //       fail: function (err) {
    //         console.log("失败", err)
    //       }
    //     })


    //   }
    // })
  },
  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  async onReady() {
    if (!wx.getStorageSync('token')) return
    var filePath1 = '';
    var fsm = wx.getFileSystemManager();
    var FILE_BASE_NAME = '/tmp_base64src';
    var filePath = wx.env.USER_DATA_PATH + FILE_BASE_NAME;
    var query = wx.createSelectorQuery().in(this);
    await http.get('poster/getPoster', { 'type': 'shop' }).then(res => {
      if (res.data) {
        // this.setData({
        //   imgData: res.data
        // })

        //base64 数据转换为 ArrayBuffer 数据
        const buffer = wx.base64ToArrayBuffer(res.data);
        fsm.writeFile({
          filePath: filePath,
          data: buffer,
          encoding: 'binary',
          success: () => {
            filePath1 = filePath;
            query.select('#myCanvas')
              .fields({ node: true, size: true })
              .exec((res) => {
                const canvas = res[0].node
                const ctx = canvas.getContext('2d')

                 const dpr = wx.getSystemInfoSync().pixelRatio
                canvas.width = res[0].width * dpr
                canvas.height = res[0].height * dpr
                ctx.scale(dpr, dpr)
                var image = canvas.createImage()
                image.src = '/static/service/chanel_report.jpg'
                var width=canvas.width;
                var height=canvas.width*1.78;
                image.onload = (res) => {
                  ctx.drawImage(image, 50, 0, 200, 356);
                  var image1 = canvas.createImage()
                image1.src = filePath1
                image1.onload = (res) => {
                  ctx.drawImage(image1, 98, 142, 104, 104);
                }
                }

              })
          },
          fail: err => {
          },
        });
      }
    }).finally(res => {
    })

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  }
})
